$().ready(function() {
	inputChange()
	validateRule();
	uploadCreate()
	imageCreate()
	colorChange()
	valueChange()
});

$.validator.setDefaults({
	submitHandler : function() {
		update();
	}
});

// 输入框事件
function inputChange() {
	inputValue()
	$('#type').on('input', function() {
		inputValue()
	});


}

// 值输入框事件
function valueChange() {
	$('#value').on('change', function() {
		$('#colorComponent').val($(this).val())
		$('#themeInput').val($(this).val())
	});
}


// 图片处理
function imageCreate() {
	$('#fileImg').on('click',function () {
		var imageUrl = $(this).attr('src');
		$('.overlay').toggleClass('active');
		$('.overlay img').attr('src', imageUrl);
	})
	$('.overlay').click(function() {
		$(this).removeClass('active');
	});
}

// 图片展示
function inputValue() {
	let inputValue = $.trim( $('#type').val().toString());
	console.log('inputValue',inputValue)
	if(inputValue === '2' || inputValue === '3') {
		$('#uploadBox').show()
		$('#value1').show()
		$('#colorBox').hide()
		$('#theme').hide()
		$('#fileImg').attr('src',`${$('#value').val()}`)
	}else if(inputValue === "4") {
		$('#colorComponent').val($('#value').val())
		$('#colorBox').show()
		$('#uploadBox').hide()
		$('#value1').show()
		$('#theme').hide()
	}else if(inputValue === "5") {
		$('#uploadBox').hide()
		$('#value1').hide()
		$('#theme').show()
	}else {
		$('#uploadBox').hide()
		$('#value1').show()
		$('#theme').hide()
	}
}

// 颜色选择器事件
function colorChange() {
	$('#colorComponent').on('change',function (e) {
		$('#value').val(e.target.value)
	})
}

//修改
function update() {
	//去重
	let outOne= $.trim( $('#type').val().toString()) === "5",numValue=0
	//去除第一个
	let mydata=$('#signupForm').serialize()
	mydata=mydata.split('&')
	let mynewdata=[],map= {}
	for (let i = 0; i < mydata.length; i++) {
		let item=mydata[i].split('=')
		if('value'==item[0]){
			numValue++;
			if(outOne){
				map[item[0]]=item[1]
			}else if(numValue==1){
				map[item[0]]=item[1]
			}
		}else{
			map[item[0]]=item[1]
		}

	}
	let keys=Object.keys(map)
		keys.forEach((key)=>{
		mynewdata.push(key+'='+map[key])
	})
	$.ajax({
		cache : true,
		type : "POST",
		url : "/jzweb/kawmType/update",
		data : mynewdata.toString().replaceAll(',','&'),// 你的formid
		async : false,
		error : function(request) {
			parent.layer.alert("Connection error");
		},
		success : function(data) {
			if (data.code == 0) {
				parent.layer.msg("操作成功");
				parent.reLoad();
				var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
				parent.layer.close(index);

			} else {
				parent.layer.alert(data.msg)
			}

		}
	});

}
var url = "/common/sysFile/upload";
// 上传
function uploadCreate() {
	// 监听文件选择按钮的 change 事件
	$('#upload-button').on('change', function() {
		var file = this.files[0];

		// 创建 FormData 对象
		var formData = new FormData();
		formData.append('file', file);

		// 发送 POST 请求到后端
		$.ajax({
			url: url,
			type: 'POST',
			data: formData,
			processData: false,
			contentType: false,
			success: function(response) {
				if(response.code === '0') {
					$('#value').val(response.data)
					$('#fileImg').attr('src',`${response.data}`)
					$('#fileImg').show()
					return
				}
				layer.msg(response.msg);
			},
			error: function() {
				layer.msg('上传失败');
			}
		});
	});
}
function validateRule() {

	var icon = "<i class='fa fa-times-circle'></i> ";
	$("#signupForm").validate({
		rules : {
			type : {
				required : true
			},
			value : {
				required : true
			}
		},
		messages : {
			type : {
				required : icon + "请输入类型"
			},
			value : {
				required : icon + "请输入值"
			}
		}
	})
}